
/********    radius   ********/

.round-0 {border-radius: 0}
.round-1 {border-radius: .125rem}
.round-2 {border-radius: .25rem}
.round-3 {border-radius: .5rem}
.round-full {border-radius: 9999px}

/********    border style   ********/

@each $style in ('solid', 'dashed', 'dotted', 'double', 'none') {
    .border-#{$style} {border-style: $style}
}

/********    border size   ********/

@each $size in (0, 1, 2, 4, 6, 8) {
    .border-#{$size} {border-width: #{$size}px}
    .border-t-#{$size} {border-top-width: #{$size}px}
    .border-l-#{$size} {border-left-width: #{$size}px}
    .border-r-#{$size} {border-right-width: #{$size}px}
    .border-b-#{$size} {border-bottom-width: #{$size}px}
}
